<div class="pageDiv" th:fragment="html">
    <nav>
        <ul class="pagination">
            <li :class="{ disabled: pagination.isfirst }">
                <a  href="#nowhere" @click="jump('first')">«</a>
            </li>
            <li :class="{ disabled: pagination.isfirst }">
                <a  href="#nowhere" @click="jump('pre')">‹</a>
            </li>

            <li  v-for="i in pagination.navigatepages" :class="{ disabled: i==(pagination.current) }">
                <a href="#nowhere" @click="jumpByNumber(i)" >
                    {{i}}
                </a>
            </li>

            <li :class="{ disabled: pagination.islast }">
                <a  href="#nowhere" @click="jump('next')">›</a>
            </li>
            <li :class="{ disabled: pagination.islast }">
                <a  href="#nowhere" @click="jump('last')"> »</a>
            </li>
            &nbsp;&nbsp;&nbsp;
            每页显示：
            <li>
                <select @change="ChangePageSize" id="pageSizeId" v-model="pagination.size" class="form-control" style="display:inline-table !important;width:65px;">
                    <option value="5">5</option>
                    <option value="10" selected>10</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                </select>
            </li>
        </ul>
    </nav>
</div>